<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="../CSS/reset.css">
	<link rel="stylesheet" type="text/css" href="../CSS/style.css">
</head>
<body>
<h1 style="font-size:26px">周小疯的学习记录：css样式入门，第四天 2016-12-12</h1>
	

      <div class="wrapper">
         <div class="goods-list">
		    
			<div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p143605.jpg"></a>
					 <div class="goods-title"><a href="#">Super lover 英伦学院文艺复古双肩包</a></div>
					 <div class="goods-brand">by <a class="">Super lover</a></div>
					 <div class="goods-price">
					     <del>￥96.00</del> <span class="price">￥48.00</span> <span class="p-tap">限时折扣</span>
					 </div>
				</div>
			</div>	
			
			 <div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p414654.jpg"></a>
					 <div class="goods-title"><a href="#">她时光两折复古长款钱包</a></div>
					 <div class="goods-brand">by <a class="">她时光/HER TIME</a></div>
					 <div class="goods-price">
					     <del>218.00</del> <span class="price">￥109.00</span> <span class="p-tap">全场5折</span>
					 </div>
				</div>
			</div>	
			
			 <div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img1.doubanio.com/view/dianpu_product_item/large/public/p376109.jpg"></a>
					 <div class="goods-title"><a href="#">Three box复古学院风潮流双肩包包</a></div>
					 <div class="goods-brand">by <a class="">Threebox</a></div>
					 <div class="goods-price">
					     <del>￥196.00</del> <span class="price">￥148.00</span> 
					 </div>
				</div>
			</div>	
			
			
			 <div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p412633.jpg"></a>
					 <div class="goods-title"><a href="#">Three box 男女情侣百搭学院包双肩背包</a></div>
					 <div class="goods-brand">by <a class="">three box</a></div>
					 <div class="goods-price">
					     <del>￥158.00</del> <span class="price">￥138.00</span> 
					 </div>
				</div>
			</div>	
			
			 <div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img1.doubanio.com/view/dianpu_product_item/large/public/p369598.jpg"></a>
					 <div class="goods-title"><a href="#">STARTOWN时尚短款钱包</a></div>
					 <div class="goods-brand">by <a class="">繁星小镇\STARTOWN</a></div>
					 <div class="goods-price">
					     <del>￥236.00</del> <span class="price">￥118.00</span> <span class="p-tap">全场5折</span>
					 </div>
				</div>
			</div>	
		
			 <div class="grid-item">
			    <div class="goods-item">
				     <a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p380040.jpg"></a>
					 <div class="goods-title"><a href="#">ONEBOX 一个箱子旅行箱 万向轮私人定制拉杆箱20</a></div>
					 <div class="goods-brand">by <a class="">ONE BOX</a></div>
					 <div class="goods-price">
					     <del>￥2236.00</del> <span class="price">￥688.00</span> 
					 </div>
				</div>
			</div>	
			
			
		 </div>
      </div>
</body>
</html>
